<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
  <head>
    <meta name="layout" content="main-p1">

  </head>
  <body>
    <div class="art-content-layout" height="700px" >
      <z:menubar>
        <z:menu label="File">
          <z:menupopup>
            <z:menuitem label="New"/>
            <z:menuitem label="Open"/>
            <z:menuitem label="Save"/>
            <z:menuseparator/>
            <z:menuitem label="Exit"/>
          </z:menupopup>
        </z:menu>
      </z:menubar>
      <z:window title="My First ZK UI Application" border="normal">
        <z:listbox id="box">
          <z:listhead sizable="true">
            <z:listheader label="name" sort="auto"/>
            <z:listheader label="gender" sort="auto"/>
          </z:listhead>
          <z:listitem>
            <z:listcell label="Mary"/>
            <z:listcell label="FEMALE"/>
          </z:listitem>
          <z:listitem>
            <z:listcell label="John"/>
            <z:listcell label="MALE"/>
          </z:listitem>
          <z:listitem>
            <z:listcell label="Jane"/>
            <z:listcell label="FEMALE"/>
          </z:listitem>
          <z:listitem>
            <z:listcell label="Henry"/>
            <z:listcell label="MALE"/>
          </z:listitem>
          <z:listfoot>
            <z:listfooter>
              <z:label value="This is footer1"/>
            </z:listfooter>
            <z:listfooter>
              <z:label value="This is footer2"/>
            </z:listfooter>
          </z:listfoot>
        </z:listbox>
      </z:window>
    </div>
  </body>
</html>
